<template>
   <div class="main-container">
       <div class="page-board">
           <transition name="fade-transform" mode="out-in">
                <keep-alive>
                    <router-view/>
                </keep-alive>
           </transition>
           </div>
   </div>
</template>

<script>
export default {
    name:'Container'
}
</script>

<style lang="scss" scoped>
    .main-container{
        position: fixed;
        top: 0;
        left: 0;
        z-index: 0;
        padding: 90px 0 0 220px;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }
    .page-board{
        width: 100%;
        height: 100%;
        background-color: #fff;
    }
</style>